/*图标*/

.lux-flex-1 {
    flex: 1;
}

.weui-tab,
.weui-tab__panel {
    height  : auto;
    overflow: auto;
}

.weui-tab__panel {
    position       : relative;
    min-height     : 100%;
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    padding-bottom : 0;
}

.weui-panel,
.expressServer {
    overflow: auto;
}

.weui-tabbar {
    position: fixed;
}

// .weui-wrapper {
//   position: absolute;
//   top: 0;
//   bottom: 0;
//   left: 0;
//   right: 0;
//   background-color: gray;
//   overflow-y: scroll;
// }

.fun-btn {
    height       : 60px;
    font-size    : 16px !important;
    border-radius: 10px;
}

.icon {
    width         : 1em;
    height        : 1em;
    vertical-align: -0.15em;
    fill          : currentColor;
    overflow      : hidden;
}

.jiantou {
    padding-right: 13px;
    position     : relative;

    &:after {
        content          : " ";
        display          : inline-block;
        height           : 6px;
        width            : 6px;
        border-width     : 2px 2px 0 0;
        border-color     : #fff;
        border-style     : solid;
        -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
        transform        : matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
        position         : relative;
        top              : -2px;
        position         : absolute;
        top              : 50%;
        margin-top       : -4px;
        right            : 2px;
    }
}

.icon_svg {
    width : 100%;
    height: 100%;
}

.banner {
    height    : 1.3rem;
    width     : 100%;
    overflow  : hidden;
    background: #e5e5e5;

    a {
        height : 100%;
        width  : 100%;
        display: block;

        img {
            height: 100%;
            width : 100%;
        }
    }

    img {
        height: 100%;
        width : 100%;
    }
}

/*操作列表*/
.toolBar {
    padding            : 0 10px;
    margin             : 0;
    font-size          : 12px;
    height             : .95rem;
    width              : 100%;
    background         : #fff;
    position           : relative;
    display            : -webkit-box;
    display            : -moz-box;
    display            : -ms-flexbox;
    display            : -webkit-flex;
    display            : flex;
    flex-direction     : row;
    justify-content    : space-around;
    -webkit-box-align  : center;
    -moz-align-items   : center;
    -webkit-align-items: center;
    align-items        : center;

    a {
        -webkit-box-flex: 1;
        -webkit-flex    : 1;
        flex            : 1;
    }

    .toolItem {
        height: .45rem;
        width : .45rem;
        margin: 0 auto;
    }
}

.packageList {
    .weui-panel__hd {
        padding: 8px 10px;

        &:after {
            border: none;
        }
    }
}

.packageItem {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;

    .packageItem_type {
        margin-right : .15rem;
        width        : 30px;
        height       : 30px;
        color        : #fff;
        text-align   : center;
        line-height  : 30px;
        border-radius: 5px;
        background   : #f00;
    }

    .packageItem_main {
        -webkit-box-flex: 1;
        -webkit-flex    : 1;
        flex            : 1;
        min-width       : 0;

        .packageItem_main_title {
            font-weight  : 500;
            font-size    : 15px;
            width        : auto;
            overflow     : hidden;
            text-overflow: ellipsis;
            white-space  : nowrap;
            word-wrap    : normal;
            word-wrap    : break-word;
            word-break   : break-all;
        }

        .packageItem_main_desc {
            display: flex;
            display: -webkit-box;
            display: -webkit-flex;

            .packageItem_main_expressBox {
                -webkit-box-flex: 1;
                -webkit-flex    : 1;
                flex            : 1;

                p {
                    color             : #999999;
                    font-size         : 13px;
                    line-height       : 30px;
                    height            : 30px;
                    overflow          : hidden;
                    text-overflow     : ellipsis;
                    display           : -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
            }

            .packageItem_main_NumBox {
                display            : flex;
                display            : -webkit-box;
                display            : -webkit-flex;
                -webkit-box-align  : end;
                -webkit-align-items: flex-end;
                align-items        : flex-end;

                span {
                    color: #999999
                }

                .packageItem_main_Num {
                    height     : 50px;
                    width      : 50px;
                    color      : #000;
                    font-size  : 15px;
                    font-weight: 500;
                    display    : block;
                    background : #ccc;
                    line-height: 50px;
                    text-align : center;
                }
            }
        }
    }

}

.expressServer {
    margin-top   : 10px;
    margin-bottom: 10px;

    //position: absolute;
    width: 100%;

    // flex: 1;
    //bottom: 0;
    //left: 0;
    .weui-cells {
        &:before {
            display                 : block !important;
            content                 : " ";
            position                : absolute;
            left                    : 0;
            top                     : 0;
            right                   : 0;
            height                  : 1px;
            border-top              : 1px solid #D9D9D9;
            color                   : #D9D9D9;
            -webkit-transform-origin: 100% 0;
            transform-origin        : 100% 0;
            -webkit-transform       : scaleY(0.5);
            transform               : scaleY(0.5);
        }
    }

    .expressServer_title {
        font-size: 15px;
    }

    .expressServer_more {
        font-size: 12px;
        color    : #ccc;
    }
}

/*packageList-ending*/

/*footer-begining*/
.toolMenu {
    height  : .6rem;
    position: fixed;
    bottom  : 0;
    left    : 0;
    z-index : 900;
    width   : 100%;
}

/*footer-ending*/

/*新加定位层*/
.index_page_main {
    //min-height: 100%;
    //position: relative;
    //padding-bottom: 95px;
}

.expressServerIcon {
    font-size   : 40px;
    margin-right: 10px;
    color       : #ffb562;
}

.noExpressBox {
    text-align: center;
    padding   : 40px;
    position  : relative;

    &:before {
        content                 : " ";
        position                : absolute;
        left                    : 0;
        top                     : 0;
        right                   : 0;
        height                  : 1px;
        border-bottom           : 1px solid #D9D9D9;
        color                   : #D9D9D9;
        -webkit-transform-origin: 100% 0;
        transform-origin        : 100% 0;
        -webkit-transform       : scaleY(0.5);
        transform               : scaleY(0.5);
    }

    i {
        font-size: 30px;
        color    : #f00;
    }
}

.icon-kuaijianxiang {
    font-size: 40px;
    color    : #66bcec;
}

.icon-huojia {
    font-size: 40px;
    color    : #7fcdbd;
}

.icon-xinxiang-icon {
    font-size: 42px;
    color    : #9399e5;
}

.loader {
    text-align: center;
    margin-top: 6px;
}

//列表数据展示（待收包裹 寄出包裹）
.list_title {
    span {
        padding-right: .1rem;
    }
}

.weui-tab__panel {
    //height: auto!important;
    //overflow: scroll!important;
}


//合作伙伴展示入口
.partnersBox {
    height    : 44px;
    padding   : 10px;
    width     : 100%;
    margin-top: 10px;
    background: #fff;

    .partnersBox_title {
        img {
            height: 25px;
            width : 80px;
        }
    }

    .partners_list {
        height                     : 25px;
        width                      : 2rem !important;
        overflow                   : hidden;
        -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

        .partners_item {
            height: 25px;

            .partners_item_title {
                width     : 38px;
                text-align: center;
                color     : #f00;
                font-size : 14px;
            }

            .partners_item_content {
                font-size    : 14px;
                width        : 1.5rem;
                overflow     : hidden;
                white-space  : nowrap;
                text-overflow: ellipsis;
            }
        }
    }

    .partners_handle {
        padding-left: 10px;

        a {
            font-size: 14px;
            color    : #ffc019;
        }
    }
}

.wordOmit {
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
}

.tab-box {
    padding: 10px;

    .tab {
        color       : #333;
        font-size   : 13px;
        font-weight : 500;
        margin-right: 25px;
    }

    .new-unpickList {
        position: relative;
    }

    .tab-checked {
        color       : #ffa600;
        font-size   : 16px;
        font-weight : 500;
        margin-right: 25px;
        position    : relative;
    }
}

.bubble {
    position       : absolute;
    background     : url('https://wechat.jinlb.cn/assets/images/icon-bubble.png') no-repeat;
    background-size: contain;
    width          : 26px;
    height         : 16px;
    top            : -16px;
    right          : -24px;
    color          : #fff;
    font-size      : 12px;
    font-weight    : 500;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.empty-box {
    padding      : 30px;
    background   : rgba(255, 255, 255, 1);
    border-radius: 5px;
    text-align   : center;

    img {
        width : 65px;
        height: 65px;
    }

    div {
        color      : #999;
        font-weight: 500;
        margin-top : 10px;
    }
}

.express-card {
    position     : relative;
    background   : rgba(255, 255, 255, 1);
    border-radius: 6px;
    padding      : 12px;
    margin-bottom: 10px;
    font-weight  : 500;
    color        : #333;

    .title {
        font-size: 14px;
    }

    .company {
        color: #999;
    }

    .expcode {
        color: #333;
    }
}

.icon-clock {
    width : 13px;
    height: 13px;
}

.icon-arrow {
    position: absolute;
    width   : 8px;
    height  : 12px;
    top     : 18px;
    right   : 12px;
}

.icon-arrow-header {
    top: 65px;
}

.icon-company {
    width : 36px;
    height: 36px;
}

.stationIcon {
    width       : 18px;
    margin-right: 3px;
}

.stationInfo {
    padding        : 10px 0;
    border-bottom  : 1px dashed rgba(187, 187, 187, 100);
    justify-content: space-between;
    align-items    : center;

    >div:first-child {
        width: 80%;
    }
}

.arrow-right {
    width: 16px;
}

.time {
    font-size : 14px;
    text-align: right;
    color     : rgba(109, 109, 113, 100);
}

.pickupInfo {
    justify-content: space-between;
    align-items    : center;
    padding        : 5px 10px 0;

    .lux-d-f {
        align-items: center;
    }
}

.copyIcon {
    width         : 21px;
    height        : 21px;
    vertical-align: middle;
    margin-left   : 8px;
}

.expressIcon {
    width       : 35px;
    height      : 35px;
    margin-right: 6px;
}


.openCode {
    font-size    : 24px;
    color        : rgba(16, 16, 16, 100);
    margin-bottom: 3px;
    display: flex;
    width: 92%;
    justify-content: space-between;
    align-items: center;
}

.button-box {
    border-top : 1px dashed #ccc;
    padding-top: 12px;
    margin-top : 12px;
}

.button-box-header {
    border-bottom : 1px dashed #ccc;
    padding-bottom: 12px;
    margin-bottom : 12px;
}

.button1 {
    border         : 1px solid rgba(204, 204, 204, 1);
    border-radius  : 4px;
    color          : #333;
    font-size      : 14px;
    font-weight    : 500;
    width          : 80px;
    height         : 30px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.button2 {
    background     : linear-gradient(90deg, rgba(255, 173, 25, 1) 0%, rgba(255, 138, 20, 1) 100%);
    border-radius  : 4px;
    color          : rgba(255, 255, 255, 1);
    font-size      : 14px;
    font-weight    : 500;
    padding        : 5px 10px;
    width          : 80px;
    height         : 30px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.button3 {
    background-color: #ccc;
    border-radius   : 4px;
    color           : rgba(255, 255, 255, 1);
    font-size       : 14px;
    font-weight     : 500;
    padding         : 5px 10px;
    width           : 80px;
    height          : 30px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.right-line {
    border-right: 1px solid #ccc;
    height      : 20px;
}

.prompt {
    background-color: #fff;
    font-size       : 11px;
    color           : #666;
    line-height     : .4rem;
}